var action = false;
jQuery(document).ready(function() {
    $("a.fanDetail").fancybox({
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 600,
        'speedOut': 200,
        'overlayShow': false,
        'hideOnOverlayClick': true,
        'hideOnContentClick': true,
        'enableEscapeButton': true });
    $("a.zoom").fancybox({
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 600, 'speedOut': 200,
        'overlayShow': false,
        'hideOnOverlayClick': true,
        'hideOnContentClick': true,
        'enableEscapeButton': true });
    $('.thumbView').click(function() {
        $('#ctl00_cphMain_imgMain').attr('src', $(this).attr('src'));
        $('.fanDetail').attr('href', $(this).prev().val());
        $('.zoom').attr('href', $(this).prev().val()); });
    if ($('.product_left_detail').length > 0) {
        $('.product_left_detail').jScrollPane();
        $('#product_photo_thumb').jScrollPane(); }
    $('.menubutton').each(function() {
        if (window.location.pathname == $(this).attr('href')) {
            $(this).attr('class', $(this).attr('class') + ' menubutton_active');
        }
    });
    var container = $('div.sliderGallery');
    var ul = $('ul', container); var itemsWidth = ul.innerWidth() - container.outerWidth();
    $('.slider').slider({ min: 0, max: itemsWidth, animate: true, step: 2, slide: function(event, ui) {
        $('.sliderGallery ul').css('left', (ui.value * -1) + 'px'); }, create: function(event, ui) {
        $('.ui-slider-handle').css('left', $('#hfLeft').val() + '%'); $('.sliderGallery ul').css('left', '-' + parseInt((parseFloat($('#hfLeft').val()) / 100.0) * parseFloat(itemsWidth)) + 'px'); } });
    $('.slidArrLeft').mousedown(function(event) {
        action = true;
        if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0) { startScrolling(-5, itemsWidth); } });
    $('.slidArrRight').mousedown(function(event) {
        action = true; if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762) {
            startScrolling(5, itemsWidth); } });
    $('.slidArrLeft').mouseup(function(event) {
        action = false; });
    $('.slidArrRight').mouseup(function(event) {
        action = false; }); });

function startScrolling(i, itemsWidth) {
    if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i > 762) i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i - 762);
    if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i < 0) i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i);
    if ((parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0 && i < 0) || (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762 && i > 0)) {
        $('.ui-slider-handle').css('left', (parseFloat($('.ui-slider-handle').css('left')) + i) + 'px');
        $('.sliderGallery ul').css('left', '-' + parseInt(((parseInt($('.ui-slider-handle').css('left').replace('px', '')) / 762) * parseInt(itemsWidth))) + 'px');
        if (action) {
            setTimeout("startScrolling(" + i + "," + itemsWidth + ");", 25); }
    }
}


